<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>淘惠帮</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="${resources}/plugins/fontAwesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="${resources}/plugins/swiper/3.3.1/swiper.min.css" rel="stylesheet" type="text/css">
    <link href="${resources}/css/common.css" rel="stylesheet" type="text/css">
    <link href="${resources}/css/particulars1.css" rel="stylesheet" type="text/css">
        <#include "setwxshare.ftl"/>
</head>
<body>
<div id="container">
    <!--头部-->
    <div class="commonHeader">订单详情
        <a href="javascript:history.go(-1);" class="fa fa-chevron-left back"></a>
    </div>

    <div id="wrapper">
        <ul class="details">
       		<#list order.orderItemList as item>
            <li>
                <a href="${path}/vouchermarket/merchant/${order.merchant.id}">
                    <div class="detailsMes">
                        <div class="detailsImg">
                            <img src="${item.goods.picurl}">
                        </div>
                        <div class="detailsCon">
                            <h3>${item.goods.name}<!--<span class="distance">78m</span>  --></h3>
                            <p class="address">[价值${item.price}元]${item.goods.title}</p>
                            <p class="integral">￥${item.price}</p>
                        </div>
                        <div class="detailsRight"><span class="fa fa-angle-right"></span></div>
                    </div>
                </a>
            </li>
            </#list>
        </ul>

		<!--
        <div class="details1">
            <div class="star1">
                <span class="star fa fa-star-o"></span>
                <span class="star fa fa-star-o"></span>
                <span class="star fa fa-star-o"></span>
                <span class="star fa fa-star-o"></span>
                <span class="star fa fa-star-o"></span>
            </div>
            <div class="evaluate">
                <a href="javascript:;">去评价<span class="fa fa-angle-right"></span></a>
            </div>
        </div>
		-->

        <div class="details2">
            <div class="reveal1">
            	<!--
                <p>美团券</p>
            	-->
            	<#list order.voucherRecordList as record>
            	<#if record_index==0>
                <p class="itemName"><span>有效期至：</span>${record.goods.goodsVirtual.endTime?date}</p>
                </#if>
                  </#list>
            </div>
        	<#list order.voucherRecordList as record>
            <div class="reveal2">
                <p class="pass"><span>密码：</span>${record.code}</p>
                <span class="use"><a href="${path}/manage/voucherRecord/${record.id}">${(record.status==1)?string('已使用','未使用')}</a></span>
            </div>
            </#list>
        </div>

		<ul class="details3">
            <h3>商家信息</h3>
            <li>
                <a class="shop" href="${path}/merchant/map/${order.merchant.id}">
                    <h4>${order.merchant.name}</h4>
                    <p>${order.merchant.address}</p>
                </a>
                <a href="tel:${order.merchant.telephone}" class="phone fa fa-phone"></a>
            </li>
        </ul>
        

        <div class="details5">
            <h3>订单信息</h3>
            <div class="desc">
                <p><span>订单号：</span>${order.orderno}</p>
                <p><span>创建时间：</span>${order.createTime}</p>
                <#if order.payTime??>
	            <p><span class="itemName">付款时间：</span>${order.payTime}</p>
	            </#if>
                <p><span>数量：</span>${order.amount}</p>
                <p><span>总价：</span>￥${order.total}</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>